<!--个人中心头部组件-->
<template>
  <div id="wrapper">
    <nav class="top">
      <!--<a href="">-->
        <!--<img class="left" src="../../assets/img/img.../xingzhuang26.png" alt="">-->
      <!--</a>-->
      <span class="wenzi">个人中心</span>
      <a @click="nick">
        <img class="right1" src="../../assets/img/personal/liaotiantubiao.png" alt="">

      </a>
      <a >
        <router-link :to="{name: 'set'}">
        <img class="right2" src="../../assets/img/personal/shezhitubiao.png" alt="">
        </router-link>
      </a>
    </nav>
    <router-view></router-view>

  </div>
</template>
<script>
//  import HyyFooter from './components/HyyFooter/footer.vue'
  export default {
//    components: HyyFooter,
    methods:{
      nick(){
        this.$router.push({path: '/information'});
      }
    }
  }
</script>
<style scoped>
  #wrapper{
    width: 100%;
    position: relative;
    padding-top: 2.7rem;
  }
  .top{
    background: #e53e42;
    width: 100%;
    height: 2.7rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;

  }
  .wenzi{
    font-family: MicrosoftYaHei;
    font-size: 0.7rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.25rem;
    letter-spacing: 0.04rem;
    color: white;
    position: absolute;
    top: 0.6rem;
    left: 6rem;
  }
  img{
    width: 1rem;
  }
  .left {
    position: absolute;
    top: 1.5rem;
    left: 0.7rem;
  }
  .right1{
    position: absolute;
    top: 1.3rem;
    left: 12rem;
  }
  .right2{
    position: absolute;
    top: 1.3rem;
    left: 14rem;
  }

</style>
